<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>学生就业情况</title>
	<!-- Tell the browser to be responsive to screen width -->
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<!-- Bootstrap 3.3.7 -->
	<!--link导入外部的css，js样式，如果导入的资源和本页面在同一个文件夹下，直接文件名即可-->
	<link rel="stylesheet" th:href="@{/asserts/bower_components/bootstrap/dist/css/bootstrap.min.css}">
	<!-- jQuery 3 -->
	<script th:src="@{/asserts/bower_components/jquery/dist/jquery.min.js}"></script>
	<!-- Bootstrap 3.3.7 -->
	<script th:src="@{/asserts/bower_components/bootstrap/dist/js/bootstrap.min.js}"></script>
	<!-- Font Awesome -->
	<link rel="stylesheet" th:href="@{/asserts/bower_components/font-awesome/css/font-awesome.min.css}">
	<!-- Ionicons -->
	<link rel="stylesheet" th:href="@{/asserts/bower_components/Ionicons/css/ionicons.min.css}">
	<!-- DataTables -->
	<link rel="stylesheet" th:href="@{/asserts/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css}">
	<!-- Theme style -->
	<link rel="stylesheet" th:href="@{/asserts/dist/css/AdminLTE.min.css}">
	<!--联想查询-->
	<script th:src="@{/asserts/Apolar_sh/lib/js/bigautocomplete.js}"></script>
	<link rel="stylesheet" th:href="@{/asserts/Apolar_sh/lib/css/bigautocomplete.css}" type="text/css"/>

	<!-- Google Font -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.search{
			margin-top: 40px;
			margin-left: 40px;
			position: relative;
		}
		td{
			text-align: center;
		}
		th{
			text-align: center;
		}
		#home {
			display: block;
			position: absolute;
			right: 10px;
			top: 8px;
			z-index: 9999;
			font-size: 30px;
		}

		#refresh {
			display: block;
			position: absolute;
			right: 46px;
			top: 10px;
			z-index: 9999;
			font-size: 26px;
		}
	</style>

</head>
<body>
<span>
    <a id="refresh" class="fa fa-refresh"  href="javascript:location.reload()"></a>
    <a id="home" class="fa fa-home" th:href="@{/career/findAll}"></a>
</span>
<div class="wrapper">
	<!-- Content Wrapper. Contains page content -->
	<!-- Content Header (Page header) -->
	<!-- Main content -->
	<section class="content-header">
		<h4>
			<i class="fa fa-search">搜索学生就业情况</i>
		</h4>

	</section>
	<div class="search">

		<div class="row">
			<div class="col-xs-7">
				<form class="form-inline" th:action="@{/career/class/searchCareer}">


					<!--					搜索是提交form表单时要带班级Id-->
					<input type="text"  hidden  name="careerClassId" th:value="${careerClassId}" placeholder="班级Id">

					<div class="form-group">
						<label for="exampleInputName2">学生姓名：</label>
						<input type="text" class="form-control" id="exampleInputName2" style="width: 130px;" name="careerStuName" th:value="${careerStuName}" placeholder="请输入学生姓名">
					</div>

					<div class="form-group">
						<label for="exampleInputEmail2">企业名称：</label>
						<input type="text" class="form-control" id="exampleInputEmail2" style="width: 130px;" name="careerCompany" th:value="${careerCompany}" placeholder="请输入企业名称">
					</div>

					<div class="form-group">
						<label for="exampleInputEmail2">就业城市：</label>
						<input type="text" class="form-control" id="exampleInputEmail2" style="width: 130px;" name="careerCity" th:value="${careerCity}" placeholder="请输入就业城市">
					</div>

					<button type="submit" class="btn btn-success"><i class="fa fa-search"></i> 搜索</button>
				</form>
			</div>

			<div class="col-xs-1">
				<a class="btn btn-info" th:href="@{/career/updateStuCareerUI(careerClassId=${careerClassId})}">
					修改学生就业情况
				</a>
			</div>

			<!-- /.col -->
		</div>
		<!-- /.row -->
	</div>

	<!-- /.content -->
</div>

<div class="wrapper">
	<!-- Content Wrapper. Contains page content -->
	<!-- Content Header (Page header) -->
	<section class="content-header">
		<h4>
			<i class="fa fa-navicon">&nbsp&nbsp <span th:text="${careerClassName}"></span>&nbsp学生就业情况</i>
		</h4>

	</section>

	<!-- Main content -->
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box">
					<!-- /.box-header 部门列表的显示  table  表格  th/td单元个   th字体加粗，行标题-->
					<div class="box-body">
						<table id="example1" class="table table-bordered table-striped">
							<tbody>
							<tr>

								<th>学生姓名</th>
								<th>是否就业</th>
								<th>就业城市</th>
								<th>就业公司</th>
								<th>职位</th>
								<th>实习薪资</th>
								<th>正式薪资</th>
								<th>福利待遇</th>
								<th>推荐老师</th>
								<th>备注</th>
							</tr>



							<tr th:each="career:${pageBean}">
								<input type="hidden" name="sid" th:value="${career.sid}" class="sid"/>

								<td th:text="${career.careerStuName}">Tom1</td>

								<td th:if="${career.careerIsCareer==1}" th:text="是">是</td>
								<td th:if="${career.careerIsCareer==0}" th:text="否">是</td>

								<td th:text="${career.careerCity}">苏州</td>
								<td>
									<a class="btn btn-info"
									   th:text="${career.careerCompany}"  th:href="@{/company/findAll(coName=${career.careerCompany},careerClassId=${career.careerClassId},careerClassName=${careerClassName})}">
										阿里巴巴</a>
								</td>
								<td th:text="${career.careerJob}">Java工程师</td>
								<td th:text="${career.careerInternship}">3600.0</td>

								<td th:text="${career.careerSalary}">6000.0</td>
								<td th:text="${career.careerWelfare}">五险一金</td>
								<td th:text="${career.careerTeacher}">王老师</td>
								<td th:text="${career.careerRemarks}">备注</td>
							</tr>

							<tr>

								<td colspan="13" style="text-align:left;padding-left:20px;">
									<a class="btn btn-primary" th:href="@{/career/exportCareerTemplate(careerClassId=${careerClassId},careerClassName=${careerClassName})}">
										<i class="fa fa-download"></i> 导出当前页EXCEL模板
									</a>

									<a class="btn btn-primary" th:href="@{/career/exportCareer(careerClassId=${careerClassId},careerClassName=${careerClassName})}">
										<i class="fa fa-download"></i> 导出到EXCEL
									</a>

									<a class="btn btn-primary" data-toggle="modal"
									   data-target="#Eimport">
										<i class="fa fa-upload"></i> 导入EXCEL
									</a>
									&nbsp;&nbsp;&nbsp;&nbsp;
									<a class="btn btn-info " th:href="@{/career/findAll}">
										<i class="fa fa-backward"></i> 返回
									</a>
								</td>
							</tr>

							</tbody>
						</table>

						<!-- Excel Modal -->
						<div class="modal fade" id="Eimport"
							 tabindex="-1" role="dialog"
							 aria-labelledby="myModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<h4 class="modal-title"
											style="text-align: center;"><i class="fa fa-info"></i>&nbsp;&nbsp;导入EXCEL
										</h4>
									</div>
									<div class="modal-body">
										<form style="text-align:left;" enctype="multipart/form-data"
											  method="post" th:action="@{/career/import(careerClassId=${careerClassId})}">
											<div class="form-group">
												<label>EXCEL：</label>
												<input type="file" class="form-control" name="file"
													   accept="application/vnd.ms-excel"
													   size="100">
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-default"
														data-dismiss="modal"><i class="fa fa-close"></i> 取消
												</button>
												<button type="submit" class="btn btn-success"><i
														class="fa fa-upload"></i> 导入
												</button>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- Excel Modal -->





					</div>
					<!-- /.box-body -->
				</div>
				<!-- /.box -->
			</div>
			<!-- /.col -->
		</div>
		<!-- /.row -->
	</section>
	<!-- /.content -->
</div>

<!-- ./wrapper -->





<!-- DataTables -->
<script th:src="@{/asserts/bower_components/datatables.net/js/jquery.dataTables.min.js}"></script>
<script th:src="@{/asserts/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js}"></script>
<!-- SlimScroll -->
<script th:src="@{/asserts/bower_components/jquery-slimscroll/jquery.slimscroll.min.js}"></script>
<!-- FastClick -->
<script th:src="@{/asserts/bower_components/fastclick/lib/fastclick.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/asserts/dist/js/adminlte.min.js}"></script>
<!-- AdminLTE for demo purposes -->
<script th:src="@{/asserts/dist/js/demo.js}"></script>
<!-- page script -->
<!--联系查询-->
<script th:src="@{/asserts/Apolar_sh/lib/js/bigautocomplete.js}"></script>
<!-- page script -->

<script>

	function changePage(searchUrl) {
		if (searchUrl != null && searchUrl.trim() != "") {
			window.location.href = '[[${#httpServletRequest.getContextPath()}]]' + searchUrl + '?classDate=' + $("#classDate").val() + '&classTeacher' + $("#classTeacher").val() +'&classHeadTeacher' + $("#classHeadTeacher").val()+ '&classType' + $("#classType").val()+'&pageSize=' + $("#pageSize").val();
		} else {
			window.location.href = '[[${#httpServletRequest.getContextPath()}]]/career/findAll?pageSize=' + $("#pageSize").val();
		}
	}

	$("#all").click(function () {
		if (this.checked) {
			$(".checks").prop("checked", true);
			$("#all").prop("value", "全不选");
		} else {
			$(".checks").prop("checked", false);
			$("#all").prop("value", "全选");
		}
	});

</script>


</body>
</html>